<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>课程信息表</title>
    <style>
        tr {
            text-align: center;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <h1 align="center">课程信息详情页</h1>
            <hr size="20px" color="orange">
            <table width="1000px" border="2px" align="center">
                <thead>
                <tr>
                    <th>
                        课程ID
                    </th>
                    <th>
                        课程名称
                    </th>
                    <th>
                        教师工号
                    </th>
                    <th>
                        课程类型
                    </th>
                    <th>
                        学生人数
                    </th>
                    <th>
                        操作
                    </th>
                </tr>
                </thead>
                <tbody id="tbdata">
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td>
                        <a href="/admin/updateCourse.do">修改</a>
                        <a href="/admin/deleteCourse.do?id=${res.data[re].id}">删除</a>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
</body>
<script src="./js/jquery-2.1.0.js"></script>
<script>
    loadData();
    function loadData(){
        $.post("/admin/listCourse.do",function(res){
            console.log(res);
            if (res.code == 0) {
                $("#tbdata").html("");
                for (re in res.data) {
                    $("#tbdata").append(`
                    <tr>
                            <td>${res.data[re].courseId}</td>
                            <td>${res.data[re].courseName}</td>
                            <td>${res.data[re].tnumber}</td>
                            <td>${res.data[re].courseType}</td>
                            <td>${res.data[re].stusize}</td>
                             <td>
                            <a href="/courseInfoById.html?id=${res.data[re].id}">修改</a>
                            <a href="/admin/deleteCourse.do?id=${res.data[re].id}">删除</a>
                        </td>
                        </tr>
                    `
                    )
                }
            }
        })

    }

</script>
</html>